<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>欢迎注册</title>
		<style>
			* {
				font-family: "eras light itc";
			}
			
			h1 {
				text-align: center;
			}
			
			table {
				background: lightgray;
				margin: 8px auto 0px;
				/* border: 2px solid red; */
				border-collapse: collapse;
				width: 350px;
			}
			
			table td {
				border: 2px solid red;
			}
		</style>
	</head>
	<body>
		<h1>欢迎注册</h1>
		<form action="#">
			<table>
				<tr>
					<td>用户名:</td>
					<td>
						<input type="text" name="username" />
					</td>
				</tr>
				<tr>
					<td>密码:</td>
					<td>
						<input type="text" name="pwd" />
					</td>
				</tr>
				<tr>
					<td>性别:</td>
					<td>
						<input type="radio" name="sex" value="male" />男
						<input type="radio" name="sex" value="femal" />女
					</td>
				</tr>
				<tr>
					<td>爱好:</td>
					<td>
						<input type="checkbox" name="like" value="basketball" />篮球
						<input type="checkbox" name="like" value="basketball" />足球
						<input type="checkbox" name="like" value="valleyball" />排球
					</td>
				</tr>
				<tr>
					<td>城市:</td>
					<td>
						<select name="city">
							<option value="beijing">北京</option>
							<option value="shanghai">上海</option>
							<option value="guangzhou">广州</option>
							<option value="shenzhen">深圳</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>自我描述:</td>
					<td>
						<textarea name="desc" rows="7" cols="35" placeholder="请输入描述信息"></textarea>
					</td>
				</tr>
				<tr>
					<td colspan="2" style="text-align: center;">
						<input type="submit" value="提交" />
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>
